<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="format-detection" content="telephone=no,email=no,address=no">
	<meta name="keywords" content="区块链资产交易平台" />
	<meta name="description" content="币安（Binance)是一个币交易." />
	<title>区块链</title>
	<link rel="stylesheet" type="text/css" href="./static/css/global.css"/>
	<link rel="stylesheet" type="text/css" href="./static/css/myLayer.css"/>
	<link href="./static/css/index.css" rel="stylesheet"/>
	<link rel="stylesheet" href="./static/css/layer.css">
	<!--  添加部分-->
	<link rel="Shortcut Icon" href="./static/image/favicon.ico">
	<link rel="apple-touch-icon" href="./static/image/binance_icon.png">
	<meta name="renderer" content="webkit">
	<!--  添加结束-->
	<script src="./static/js/jquery-1.10.1.min.js"></script>
	<style>
		body {
			background-color: white;
		}
		.f-fr:hover .languages-lists {
			display: block !important;
		}

		.itemTitle .cancels{position:absolute;right:0;top:10px;}
		.itemTitle .cancels a{position:static;margin-right:10px;}
		.itemTitle .cancels a:last-of-type{margin-right:0;}

		.nodata img {
			width: 5%;
		}

		.openOrders{margin-bottom:45px;}
		.openOrders-title{height:70px;}
		.tradeHistory-export{position:absolute;top:5px;right:0;}
		.tradeHistory-export > a{
			font-size:12px;
			color:#666;
			font-family: Arial;
			text-decoration: underline;
			position:static;
		}
		.tradeHistory-export > a:hover{
			color:rgb(232,179,66)
		}
		.tradeHistory-export i{
			color:#666;
			font-size:18px;
			vertical-align: -3px;
		}
		.table.table-striped th, .table.table-striped td{padding:0 5px;}
		.filters{margin-bottom:7px;position:relative;}
		.filters .filed{float:left;margin-right:15px;}
		.filters .filed label{line-height:26px;font-size:12px;color:#666;}
		.filters .filed input[type=text]{display:inline-block;width:73px;height:24px;line-height:24px;padding:0 5px;border:1px solid #d4d4d4;vertical-align:middle;}
		.filters .filed input[type=checkbox]{display:inline-block;vertical-align:middle;margin-right:3px;}
		.filters .filed .select{display:inline-block;vertical-align:middle;position:relative;}
		.filters .filed .select .iconfont{position:absolute;right:4px;top:5px;font-size:14px;margin-right:0;color:#333;}
		.filters .filed .select ul{box-sizing:border-box;display:none;position:absolute;left:0;top:25px;width:100%;max-height:140px;background:#fff;border:1px solid #d4d4d4;

		}
		.filters .filed .select ul li{line-height:24px;border-bottom:1px solid #d4d4d4;cursor:pointer;padding:0 5px;font-size:13px;color:#333;}
		.filters .filed .select ul li:last-of-type{border:none;}
		.filters .btn{padding:5px 10px;font-size:12px;color:#333;vertical-align:middle;margin-right:5px;background:none;}
		.filters .date{width:108px!important;background:url('./static/image/date.png')no-repeat 97px center;padding-right:21px;}

		.exportBox{padding:25px 17px;}
		.exportBox>strong{font-weight:normal;font-size:14px;color:#333;display:inline-block;margin-bottom:20px;}
		.exportBox ul{overflow:hidden;}
		.exportBox ul li{float:left;margin-bottom:12px;margin-left:93px;}
		.exportBox ul li:nth-child(odd){margin-left:0;}
		.exportBox ul li label{display:inline-block;font-size:12px;color:#666;min-width:96px;}
		.exportBox ul li label input{display:inline-block;vertical-align:middle;margin-right:7px;}
		.exportBox .date{display:inline-block;width:100%;box-sizing:border-box;height:32px;border:1px solid #d4d4d4;padding:0 10px;line-height:32px;text-align:center;background:url('./static/image/date.png')no-repeat 250px center;}
		.exportBox .date[disabled]{cursor:not-allowed;background:#f3f3f3;}
		.exportBox .btn{margin-top:20px;}
		.laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span{color:#333!important;}
		.layui-laydate-header i{font-size:14px!important;}
		.layui-laydate-content td.laydate-selected,.layui-laydate-content td.laydate-selected:hover{background-color:#f2f2f2!important;}
		.layui-laydate-footer span:hover{color:#e8b342 !important}
		.layui-layer-setwin .layui-layer-close1, .layui-layer-setwin .layui-layer-close1:hover {
			width: 19px;
			height: 19px;
			background: url('./static/image/closeBtn1.png') no-repeat;
		}
		.layui-layer-title {
			margin: 0;
			background: #353535;
			font-size: 14px;
			color: #fff;
			height: 46px;
			line-height: 46px;
		}
	</style>
</head>
<body>
<!--header开始-->
<div>
	<div class="header">
		<a href="" class="logo"><img src="./static/image/logo-cn.svg"/></a>
		<ul class="main-nav exchange">
			<li>
				<a  href=""><i class="iconfont icon-exchange"></i>交易中心</a>
				<img src="./static/image/header-sj.png"/>
				<ul class="subNav">
					<li><a href="">标准版</a></li>
					<li><a href="">专业版</a></li>
				</ul>
			</li>
		</ul>
		<ul class="main-nav exchange">
			<li>
				<a href="" style="line-height: 47px" ><i class="iconfont icon-lab"></i>Labs</a>
			</li>
		</ul>
		<ul class="main-nav exchange">
			<li>
				<a href="" style="line-height: 47px" ><i class="iconfont icon-launchPad"></i>LaunchPad</a>
			</li>
		</ul>
		<div class="f-fr">
			<div class="languages">
				<span class="font-lang" >简体中文</span>
				<img src="./static/image/header-sj.png"/>
				<ul class="languages-lists" style="display: none">
					<li><span></span>English</li>
					<li><span class="duigou"></span>简体中文</li>
					<li><span></span>繁體中文</li>
				</ul>
			</div>
		</div>
		<div class="logined f-fr">
			<i class="iconfont icon-touxiang"></i>
			<img src="./static/image/header-sj.png"/>
			<ul>
				<li><a class="link" href=""><strong>用户中心</strong><br/><span>737213494@qq.com</span><i class="iconfont icon-right"></i></a></li>
				<li><a class="link"  href=""><span>总当前估值</span><br/><strong>0.000000 BTC</strong></a></li>
				<li><a class="link"  href="">退出</a></li>
			</ul>
		</div>
		<!--未登录时显示登录注册-->
		<!--
            <div class="login-register f-fr">
                <a href="">登录</a>&nbsp;&nbsp;<span ng-if="notChinese">或&nbsp;&nbsp;</span>
                <a href="" ng-if="notChinese">注册</a>
            </div>
        -->
		<ul class="main-nav">
			<li>
				<a  href="">资产管理</a>
				<img src="./static/image/header-sj.png"/>
				<ul class="subNav">
					<li><a href="">我的资产</a></li>
					<li><a href="">充值</a></li>
					<li><a href="">提现</a></li>
					<li><a href="">充值提现记录</a></li>
				</ul>
			</li>
			<li>
				<a href="" >委托管理</a><img src="./static/image/header-sj.png"/>
				<ul class="subNav">
					<li><a href="./currentlyCommissioned.html">当前委托</a></li>
					<li><a href="./historyCommissioned.html">历史委托</a></li>
					<li><a href="./historicalDeal.html">历史成交</a></li>
				</ul>
			</li>
			<li><a href="" target="_blank">加入我们</a></li>
			<li><a href="" target="_blank">帮助中心</a></li>
			<li><a href="" target="_blank">公告中心</a></li>
		</ul>
	</div>
</div>
<script>
    $(document).ready(function(){
        // 语言切换
        $('.languages-lists > li').click(function(){
            var text = $(this).text();
            $(this).parents('ul').siblings('.font-lang').text(text);
            $(this).children('span').addClass('duigou');
            $(this).siblings('li').children('span').removeClass('duigou')
        })
    })
</script>
<!--header结束-->


<!--section开始-->
<div class="wrap">
	<!-- ngIf: inviteStarted -->
	<div class="container">
		<div class="openOrders itemBox ng-scope">
			<div class="itemTitle ng-binding">历史委托</div>
			<div class="filters">
				<form id="filtersForm" action="" method="post" class="f-cb ng-pristine ng-valid">
					<input type="text" name="page" value="1" style="display:none">
					<input type="text" name="status" value="" style="display:none">
					<input type="text" name="rows" value="19" style="display:none;">
					<div class="filed">
						<label class="ng-binding">时间: </label>
						<input type="text" placeholder="yyyy-mm-dd" id="start" class="date" readonly="" lay-key="1"> - <input type="text" placeholder="yyyy-mm-dd" id="end" class="date" readonly="" lay-key="2">
						<input type="text" name="start" style="display:none;" class="ng-pristine ng-valid">
						<input type="text" name="end"  style="display:none;" class="ng-pristine ng-valid">
					</div>
					<div class="filed">
						<label class="ng-binding">市场: </label>
						<div class="select" ng-init="baseAsset=''">
							<input name="baseAsset" placeholder="币种" type="text" class="text ng-pristine ng-valid">
							<ul class="scrollStyle" style="overflow-y:scroll;">
								<li class="ng-binding ng-scope">ADA</li>
								<li class="ng-binding ng-scope">ADX</li>
								<li class="ng-binding ng-scope">AION</li>
								<li class="ng-binding ng-scope">AMB</li>
								<li class="ng-binding ng-scope">APPC</li>
								<li class="ng-binding ng-scope">ARK</li>
							</ul>
						</div>
						/
						<div class="select">
							<input id="market" type="text" readonly="" class="text" value="全部">
							<input name="quoteAsset" type="text" class="val ng-pristine ng-valid" style="display:none;">
							<span class="iconfont icon-downsj"></span>
							<ul>
								<li data-val="" class="ng-binding">全部</li>
								<li data-val="BNB">BNB</li>
								<li data-val="BTC">BTC</li>
								<li data-val="ETH">ETH</li>
								<li data-val="USDT">USDT</li>
							</ul>
						</div>
						<input id="symbol" type="text" name="symbol" style="display:none;" class="ng-pristine ng-valid">
					</div>
					<div class="filed">
						<label class="ng-binding">方向: </label>
						<div class="select">
							<input type="text" readonly="" class="text" value="全部" style="width:98px;">
							<input type="text" name="direction" class="val ng-pristine ng-valid" style="display:none;">
							<span class="iconfont icon-downsj"></span>
							<ul>
								<li data-val="" class="ng-binding">全部</li>
								<li data-val="BUY" class="ng-binding">买</li>
								<li data-val="SELL" class="ng-binding">卖</li>
							</ul>
						</div>
					</div>
					<div class="filed">
						<input id="btn-filters" type="button" value="搜索" class="btn btn-orange">
						<input type="reset" value="重置" class="btn">
					</div>
					<div class="filed">
						<label class="ng-binding"><input type="checkbox" name="hideCancel" class="ng-pristine ng-valid">隐藏已撤销</label>
					</div>
				</form>
				<div class="tradeHistory-export">

					<a class="ng-binding">导出历史委托记录</a>
					<i class="iconfont icon-excel"></i>
				</div>
			</div>
			<table class="table table-striped">
				<colgroup style="width:8%;"></colgroup>
				<colgroup style="width:8%;"></colgroup>
				<colgroup style="width:6%;"></colgroup>
				<colgroup style="width:8%;"></colgroup>
				<colgroup style="width:8%;"></colgroup>
				<colgroup style="width:8%;"></colgroup>
				<colgroup style="width:8%;"></colgroup>
				<colgroup style="width:8%;"></colgroup>
				<colgroup style="width:12%;"></colgroup>
				<colgroup style="width:10%;"></colgroup>
				<colgroup style="width:8%;"></colgroup>
				<colgroup style="width:8%;"></colgroup>
				<tbody>
					<tr>
						<th class="f-left ng-binding">委托时间</th>
						<th class="ng-binding">市场</th>
						<th class="f-left ng-binding">类型</th>
						<th class="ng-binding">方向</th>
						<th class="f-right ng-binding">均价</th>
						<th class="f-right ng-binding">价格</th>
						<th class="f-right ng-binding">成交数量</th>
						<th class="f-right ng-binding">数量</th>
						<th class="f-right ng-binding">成交金额</th>
						<th class="f-left ng-binding">触发条件</th>
						<th class="ng-binding">状态</th>
						<th class="ng-binding">操作</th>
					</tr>
					<tr>
						<td colspan="12" style="padding:0;">
							<!-- ngRepeat: o in allOrders -->
						</td>
					</tr>
				</tbody>
			</table>


		<div class="nodata ng-scope">
			<img src="./static/image/zups.png">
			<p class="ng-binding">您暂无历史委托</p>
		</div>

			<!-- 导出 -->
			<div class="layui-layer  layui-layer-page " id="layui-layer2" type="page" times="2" showtime="0" contype="object" style="z-index: 19891016; width: 380px; height: 340px; top: 280.5px; margin-left: -190px;left: 50%;display: none">
				<div class="layui-layer-title" style="cursor: move;" move="ok">导出历史委托记录</div>
				<div class="layui-layer-content" style="height: 294px;">
					<div id="exportBox" class="exportBox layui-layer-wrap" style="">
						<strong class="ng-binding">时间范围: </strong>
						<ul>
							<li><label class="ng-binding"><input type="radio" name="timeSlot" class="ng-valid ng-dirty" value="1">过去24小时</label></li>
							<li><label class="ng-binding"><input type="radio" name="timeSlot" class="ng-pristine ng-valid" value="2">昨天</label></li>
							<li><label class="ng-binding"><input type="radio" name="timeSlot" class="ng-pristine ng-valid" value="3">过去2周</label></li>
							<li><label class="ng-binding"><input type="radio" name="timeSlot" class="ng-pristine ng-valid" value="4">本月至今</label></li>
							<li><label class="ng-binding"><input type="radio" name="timeSlot" class="ng-pristine ng-valid" value="5">过去一个月</label></li>
							<li><label class="ng-binding"><input type="radio" name="timeSlot" class="ng-pristine ng-valid" value="6">过去三个月</label></li>
							<li><label class="ng-binding"><input type="radio" name="timeSlot" class="ng-pristine ng-valid" value="7">自定义（最大范围3个月）</label></li>
						</ul>
						<input type="text" placeholder="~" id="dateRange" class="date" readonly="" disabled="disabled">
						<a class="btn btn-orange btn-block ng-binding ng-scope"  href="">导出</a>
					</div>
				</div>
				<span class="layui-layer-setwin"><a class="layui-layer-ico layui-layer-close layui-layer-close1"></a></span>
			</div>

		</div>
		<script>
            $(function(){
				$('.select li').click(function(e){
					var val=$(this).attr('data-val');
					var text=$(this).text();
					$(this).parents('.select').find('.text').val(text);
					$(this).parents('.select').find('.val').val(val);
					$(this).parents('.select').find('.text').trigger('input'); // Use for Chrome/Firefox/Edge
					$(this).parents('.select').find('.text').trigger('change');
					$(this).parents('.select').find('.val').trigger('input'); // Use for Chrome/Firefox/Edge
					$(this).parents('.select').find('.val').trigger('change'); // Use for Chrome/Firefox/Edge + IE11
				});
                $(".select").click(function(e){
                    $(this).find('ul').toggle();
                    select()
                    $(this).find('.text').keyup(function(){
                        $(this).siblings('ul').show();
                        $(this).trigger('input');
                        $(this).trigger('change');
                        select()
                    })
                })
                $(".select input").blur(function(e){
                    setTimeout(function(){
                        $(e.target).siblings('ul').hide();
                    },200)

                })
				$('.layui-layer-close1').click(function(){
				    $('#layui-layer-shade2').css('display','none');
                    $('#layui-layer2').css('display','none');
				})
				$('.tradeHistory-export').click(function(){
                    $('#layui-layer2').css('display','block');
                    $('#layui-layer-shade2').css('display','block');
				})
            })
		</script>
	</div>
</div>
<script src="./static/js/laydate.js"></script>
<style>
	.layui-laydate .layui-this {
		background-color: #e8b342 !important;
		color: #fff!important;
	}
</style>
<script>
    laydate.render({
        elem: '#start'
        ,calendar: true
    });
    laydate.render({
        elem: '#end'
        ,calendar: true
    });
</script>
<!--section结束-->




<!--footer开始-->
<div class="section footer">
	<div class="footerTWrap">
		<div class="container">
			<div class="footerT">
				<div class="footerTL">
					<ul>
						<li><a href="">关于我们</a></li>
						<li><a href="">服务协议</a></li>
						<li><a href="">隐私声明</a></li>
						<li><a href="">费率标准</a></li>
						<li><a href="" >联系我们</a></li>
						<li><a href="">API文档</a></li>
						<li><a href="">上币申请</a></li>
					</ul>
				</div>
				<div class="footerTR f-cb">
					<ul class="f-fr f-cb">
						<li><a href=""><i class="media media-telegram"></i></a></li>
						<li title="support@binance.zendesk.com"><a href=""><i class="media media-email"></i></a></li>
						<li><a href="" target="_blank"><i class="media media-fb"></i></a></li>
						<li><a href="" target="_blank"><i class="media media-tt"></i></a></li>
						<li><a href="" target="_blank"><i class="media media-rd"></i></a></li>
						<li><a href="" target="_blank"><i class="media media-wb"></i></a></li>
						<li>
							<a href="" target="_blank"><i class="media media-wx"></i></a>
							<div class="media-box f-cb wx-box" style="width:220px;">
								<span class="jt"></span>
								<div class="weixin1 f-cb">
									<img src="./static/image/weixin_01.png"/>
									<p>客服</p>
								</div>
								<div class=" weixin2 f-cb" style="float:right;">
									<img src="./static/image/weixin_02.png"/>
									<p>资讯</p>
								</div>
							</div>
						</li>

					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="footerB">
	<div class="container">
		<span class="footerBL">© 2017 Binance.com All Rights Reserved</span>
	</div>
</div>
<!--footer结束-->


<!--layer开始-->
<div class="layui-layer-shade" id="layui-layer-shade2" style="z-index:19891015; background-color:#000; opacity:0.3; filter:alpha(opacity=30); display: none"></div>
<!--layer结束-->
</body>
</html>
